<%@ page import="is2_domestik.Usuario" %>

<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'username', 'error')} required">
    <label class="control-label" for="username">
      <g:message code="usuario.username.label" default="Correo Electrónico " />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:field type="email" name="username" required="" value="${usuarioInstance?.username}"/>
    </div>
  </div>
</div>

<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'password', 'error')} required">
    <label class="control-label" for="password">
      <g:message code="usuario.password.label" default="Password" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:field type="password" name="password" required="" value="${usuarioInstance?.password}"/>
    </div>
  </div>
</div>

<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'nombre', 'error')} required">
    <label class="control-label" for="nombre">
      <g:message code="usuario.nombre.label" default="Nombre" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:textField name="nombre" maxlength="20" required="" value="${usuarioInstance?.nombre}"/>
    </div>
  </div>
</div>
<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'apellido', 'error')} required">
    <label class="control-label" for="apellido">
      <g:message code="usuario.apellido.label" default="Apellido" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:textField name="apellido" maxlength="20" required="" value="${usuarioInstance?.apellido}"/>
    </div>
  </div>
</div>
<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'telefono', 'error')} required">
    <label class="control-label" for="telefono">
      <g:message code="usuario.telefono.label" default="Telefono" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:textField name="telefono" maxlength="7" pattern="${usuarioInstance.constraints.telefono.matches}" required="" value="${usuarioInstance?.telefono}"/>
    </div>
  </div>
</div>
<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'celular', 'error')} required">
    <label class="control-label" for="celular">
      <g:message code="usuario.celular.label" default="Celular" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:textField name="celular" maxlength="10" pattern="${usuarioInstance.constraints.celular.matches}" required="" value="${usuarioInstance?.celular}"/>
    </div>
  </div>
</div>
<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'fechaDeNacimiento', 'error')} required">
    <label class="control-label" for="fechaDeNacimiento">
      <g:message code="usuario.fechaDeNacimiento.label" default="Fecha De Nacimiento" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:datePicker name="fechaDeNacimiento" precision="day"  value="${usuarioInstance?.fechaDeNacimiento}"  />
    </div>
  </div>
</div>
<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'ciudad', 'error')} required">
    <label class="control-label" for="ciudad">
      <g:message code="usuario.ciudad.label" default="Ciudad" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
      <g:select name="ciudad" from="${usuarioInstance.constraints.ciudad.inList}" required="" value="${usuarioInstance?.ciudad}" valueMessagePrefix="usuario.ciudad"/>
    </div>
  </div>
</div>
<div class="control-group">
  <div class="fieldcontain ${hasErrors(bean: usuarioInstance, field: 'imagen', 'error')} required">
    <label class="control-label" for="imagen">
      <g:message code="usuario.imagen.label" default="Imagen" />
      <span class="required-indicator">*</span>
    </label>
    <div class="controls">
        <input type="file" name="myFile">
    </div>
  </div>
</div>
